<template>
  <div class="flex items-center justify-center py-12">
    <div class="text-center">
      <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto"></div>
      <span class="mt-3 text-text-secondary block">{{ message || t('common.loading') }}</span>
    </div>
  </div>
</template>

<script setup lang="ts">
import { t } from '@/i18n';

interface Props {
  message?: string;
}

withDefaults(defineProps<Props>(), {
  message: ''
});
</script>
